<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <script src="./index.js"></script>
</head>
<body>
    <div class="container">
        <h1>石头剪刀布</h1>
        <button class="restar">重新开始</button>
        <div class="mark">
            <div class="user">
                <p class="marknumber">玩家：<span class="usermarks">0</span></p>
            </div>
            <div class="computer">
                <p class="marknumber">电脑：<span class="computermarks">0</span></p>
            </div>
        </div>
        <h2>请做出你的选择</h2>
        <div class="chonse">
            <div id="grab" class="fa fa-hand-grab-o"></div>
            <div id="scissors" class="fa fa-hand-scissors-o"></div>
            <div id="paper" class="fa fa-hand-paper-o"></div>
        </div>
    </div>
    <div id="model" class="model">
        <div class="result">
            <h3 class="anser"></h3>
            <p>电脑的选择是</p>
            <div id="img1" class="fa fa-hand-grab-o"></div>
            <div id="img2" class="fa fa-hand-scissors-o"></div>
            <div id="img3" class="fa fa-hand-paper-o"></div>
        </div>
    </div>
    
</body>
</html>